.processing_text
  font-size: 14px
  display: block
  float: left
  margin: 10px


.video,
.audio
  .video-container,
  .audio-container
    margin: 20px auto
    display: block
    width: 480px
    .jp-type-single
      .jp-player
        width: 100%
        background-color: $gray-darker-extra !important
        img
          width: 479px !important

      a.jp-play,
      a.jp-pause
        left: 4px !important
        top: 14px !important
        width: 40px

      a.jp-stop
        left: 45px !important
        top: 21px !important
        width: 29px

      .jp-volume-bar
        left: 95px !important
        top: 33px !important
        background-color: $gray-light
        .jp-volume-bar-value
          background-color: $gray-dark
      .jp-current-time,
      .jp-duration
        font-size: 12px
        width: 150px
        right: 10px
        left: 67%
        top: 31px
      .jp-mute
        left: 150px
        top: 27px
        width: 20px
  .audio-container
    display: block
    .jp-audio
      width: auto
      .jp-progress
        top: 0
        left: 0
        width: 100%
        height: 10px
  .jp-interface
    height: 60px !important


@media (max-width: 600px)
  .video
    .video-container
      margin: 0 auto
      display: block
      width: 100%
      .jp-jplayer
        width: 100% !important
